﻿<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8"/>
    <title>云协作平台</title>
    <link rel="shortcut icon" th:href="@{/images/Logo_40.png}" type="image/x-icon">
    <!-- layui.css -->
    <link th:href="@{/plugin/layui/css/layui.css}" rel="stylesheet"/>
    <!-- font-awesome.css -->
    <link th:href="@{/plugin/font-awesome/css/font-awesome.min.css}" rel="stylesheet"/>
    <!-- animate.css -->
    <link th:href="@{/css/animate.min.css}" rel="stylesheet"/>
    <!-- 本页样式 -->
    <link th:href="@{/css/mainuser.css}" rel="stylesheet"/>
    <script th:src="@{/js/jquery-2.2.4.min.js}"></script>
    <script th:src="@{/js/workutil.js}"></script>
    <style>
        /*弹出窗*/
        #layer-msg {
            padding: 5px 1px;
        }
    </style>

</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
    <div class="layui-header skin-deepblue">
        <div class="layui-logo">云协作平台</div>
        <!-- 头部区域（可配合layui已有的水平导航） -->
        <ul class="layui-nav layui-layout-left">
            <li class="layui-nav-item layui-this"><a href="javascript:;" class="nav-cloud" data-url="cloudnote">云笔记</a></li>
            <li class="layui-nav-item"><a href="javascript:;" class="nav-cloud" data-url="cloudfavorite">云收藏</a></li>
            <li class="layui-nav-item"><a href="javascript:;" class="nav-cloud" data-url="cloudwork" id="cloudwork">云协作</a></li>
        </ul>
        <ul class="layui-nav layui-layout-right">
            <li class="layui-icon layui-nav-item" id="action-notice" style="padding: 0 5px;cursor: pointer;" title="通知">
                <i class="layui-icon" style="font-size: 30px;">&#xe645;</i>
                <span class="layui-badge" style="position: relative;margin: 0px;top: -5px;" th:if="${notice gt 0}" th:text="${notice}"></span>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:;">
                    <img src="../photo/get/0" class="layui-nav-img user-photo">
                    <span th:text="${user.name}"></span>
                </a>
                <dl class="layui-nav-child">
                    <dd><a href="javascript:;" id="nav-userinfo">个人资料</a></dd>
                    <dd><a href="javascript:;" id="nav-password">修改密码</a></dd>
                    <dd><a href="javascript:;" id="nav-userlog">登录日志</a></dd>
                    <dd><a href="javascript:;" id="nav-feedback">意见反馈</a></dd>
                    <dd><a href="logout">注销登录</a></dd>
                </dl>
            </li>
            <li class="layui-nav-item"><a href="logout">注销</a></li>
        </ul>
    </div>

    <div class="layui-body" id="layui-body">
    </div>

</div>
<script th:inline="javascript">
    var usercache = [[${user}]];
    console.log(usercache);
</script>
<!-- layui.js -->
<script th:src="@{/plugin/layui/layui.js}"></script>

<script th:src="@{/js/layim.js}"></script>
<!-- layui规范化用法 -->
<script type="text/javascript">
    layui.config({
        base: '../js/'
    }).use('mainuser');

    $("#action-notice").on("click",function () {
        workUtils.open({url: "../web/user/notice.html", title: "通知",offset:"rt",height:"100%"})
    });
</script>



<script>

</script>
</body>
</html>